﻿@model  WaterRegimenMonitor.Web.Models.UserLoginViewModel
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>用户登录</title>
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/Styles/Layout.css")" media="all">
    <link type="text/css" rel="stylesheet" href="@Url.Content("~/Content/Styles/Site.css")" media="all">
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="@Url.Content("~/Scripts/JQuery/jquery-1.6.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JQuery/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/JQuery/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
</head>
<body id="top">
    <div id="container">
        <header>
            <div id="logo">
                &nbsp;</div>
        </header>
        <div id="main_login">
            <!--[if lt IE 9]>
                <img src="@Url.Content("~/Content/Images/bg_admin_login.jpg")" alt="" id="bg-img" />
            <![endif]-->
            @using (Html.BeginForm())
            {
                <div id="admin_login">
                    <div id="topBarPlace">
                    </div>
                    <div id="title">
                        &nbsp;</div>
                    <div id="input_area">
                        <ul>
                            <li id="loginid">
                                @Html.EditorFor(model => model.UserName)
                            </li>
                            <li id="password">
                                @Html.PasswordFor(model => model.Password, new { autocomplete = "off" })
                            </li>
                        </ul>
                    </div>
                    <div id="action_area">
                        <div class="login-error">
                            <ul>
                                <li>
                                    <p>@Html.ValidationSummary(true)</p>
                                    <p>@Html.ValidationMessageFor(model => model.UserName)</p>
                                    <p>@Html.ValidationMessageFor(model => model.Password)</p>
                                </li>
                            </ul>
                        </div>
                        <hr>
                        <input id="btn_login" type="submit" value="" />
                    </div>
                </div>
            }
        </div>
        <footer>
            <ul>
                <li>XXXXX &copy; 版权所有.</li>
            </ul>
        </footer>
    </div>
    <script type="text/javascript">
        $(document).ready(function ()
        {
            $("#btn_login").bind("click", function ()
            {
                $(".validation-summary-errors").empty();
            });
        });
    </script>
</body>
</html>
